<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<script type="text/javascript">
function systemAccessTreeOnclick(event, treeId, treeNode, clickFlag){
	event.preventDefault();
	if (treeNode.id == 'root') {
		return;
	}
	var data = {"systemId":treeNode.systemid};
	//console.log(data);
	//调用后台 初始化页面
	$("#systemAccess_detail").bjuiajax('doLoad', {
		"url"    : "function/fun_index.do",
		"data"   : data,
		"target" : $("#systemAccess_detail")
	});
}

</script>
<div class="bjui-pageContent" style="display: inline-block;">
	<div style="float: left; margin: 5px 5px 0; width: 29%; height: 99%; overflow: auto;">
		<fieldset style="margin:0; height: 99%;">
	        <legend>系统模块</legend>
	        
	        		<ul id="systemAccess_tree" class="ztree" style="width: 99%;" data-toggle="ztree"
				      	data-options='{expandAll:true, onClick:"systemAccessTreeOnclick"}'>
						<li data-id="root" data-pId="">后台综合管理平台</li>
						<c:forEach items="${systemAccessList}" var="systemAccess">
						<li data-id="${systemAccess.systemId}" data-pId="root" 
							data-systemid="${systemAccess.systemId}">${systemAccess.systemName}</li>
						</c:forEach>
					</ul>
	        
	    </fieldset>
    </div>
    <div style="margin-left: 30%; margin-top: 5px; width: 69%; height: 99%;">
    	<fieldset style="height: 99%;" >
	    	<legend>系统功能菜单</legend>
	    	<div id="systemAccess_detail" class="clearfix active in" style="height:99%; width:100%;">
	    		
	    	</div>
	    </fieldset>
	</div>
</div>